<!DOCTYPE html>
<!-- saved from url=(0038)https://v3.bootcss.com/examples/blog/# -->
<html lang="zh-CN">

	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">

		<meta http-equiv="X-UA-Compatible" content="IE=edge">
		<meta name="viewport" content="width=device-width, initial-scale=1">
		<meta name="description" content="winky's blog">
		<meta name="author" content="wkiny">
		<link rel="icon" href="https://v3.bootcss.com/favicon.ico">

		<title>wkiny's blog</title>

		<!-- Bootstrap core CSS -->
		<link href="/css/bootstrap/bootstrap.min.css" rel="stylesheet">
		<!-- Custom styles for this template -->
		<link href="/css/page/blog.css" rel="stylesheet">

	</head>

	<body>

		<#include "/nav.ftl"/>

		<div class="container">

			<div class="blog-header">
				<h1 class="blog-title">wkiny's blog</h1>
			</div>

			<div class="row">

				<div class="col-sm-12 blog-main">
					<#list articlePage.content as item>
						<div class="blog-post">
							<h2 class="blog-post-title">${item.title}</h2>
							<p class="blog-post-meta">
								${item.addDate} by
								<a href="/?userId=${item.user.id}">${item.user.username}</a>
							</p>
							<p>
								<a href="/article/detail?id=${item.id}">${item.brief}</a>
							</p>
						</div>
					</#list>					
					<nav>
						<ul class="pager">
							<#if articlePage.hasPrevious()>
							<li>
								<a href="/?page=${articlePage.previousPageable().getPageNumber()}">前一页</a>
							</li>
							</#if>
							<#if articlePage.hasNext()>
							<li>
								<a href="/?page=${articlePage.nextPageable().getPageNumber()}">后一页</a>
							</li>
							</#if>
						</ul>
					</nav>

				</div>
				<!-- /.blog-main -->

				

			</div>
			<!-- /.row -->

		</div>
		<!-- /.container -->

		<#include "/foot.ftl"/>

		
		<script src="/js/jquery/jquery.min.js"></script>
		<script src="/js/bootstrap/bootstrap.min.js"></script>

	</body>

</html>